/* btn高宽 */
@btnHeight: 32px;
@btnWidth: 78px;
@btnFont: 14px;
.button-instance-mixin(@fc,@bc){
  color: @fc;
  background-color: @bc;
  &:hover{
    background-color: darken(@bc,5%);
    color: @fc;
  }
  &:active{
    background-color: darken(@bc,10%);
    color: @fc;
  }
}
.button-plain-mixin(@fc, @bc1, @bc2){
  color: @fc;
  border:1px solid @fc;
  background-color: #fff;
  &:hover{
    color: darken(@fc,5%);
    border-color: darken(@fc,5%);
    background-color: @bc1;
  }
  &:active{
    color: darken(@fc,10%);
    border-color: darken(@fc,10%);
    background-color: @bc2;
  }
}

.button-mixin{
  .el-button{
    padding: 0 12px;
    height: @btnHeight;
    line-height: @btnHeight;
    min-width: @btnWidth;
    box-sizing: border-box;
    font-size: @btnFont;
    border: 0;
    color: @btnFontC;
    background-color: @btnBgC;
    border-radius: 2px;
    .iconfont{
      font-size: @btnFont;
    }
    &:hover{
      background-color: darken(@btnBgC,5%);
      color: @btnFontC;
    }
    &:active{
      background-color: darken(@btnBgC,10%);
      color: @btnFontC;
    }
    &:focus{
      background-color:@btnBgC;
      color: @btnFontC;
    }
    &.el-button--default{
      line-height: @btnHeight - 2px;
      border: 1px solid @btnBorderC;
      .iconfont{
        color: @btnIconC;
      }
    }
    &.is-disabled{
      line-height: @btnHeight - 2px;
      color: @btnDisabledFontC !important;
      border: 1px solid @btnDisabledBorderC !important;
      background-color: @btnDisabledBgC !important;
      .iconfont{
        color: @btnDisabledFontC!important;
      }
    }
    &.el-button--success{
      .button-instance-mixin(@fc:@btnAddFontC,@bc:@btnAddBgC);
    }
    &.el-button--primary{
      .button-instance-mixin(@fc:@btnInfoFontC,@bc:@btnInfoBgC);
      &.is-plain{
        .button-plain-mixin(@btnInfoBgC, #e8f4fe, #dbecfa)
      }
    }
    &.el-button--danger{
      .button-instance-mixin(@fc:@btnDeleteFontC,@bc:@btnDeleteBgC);
    }
    &.search_btn {
      min-width: 50px;
      font-size: 14px;
      line-height: 100%;
      //.button-instance-mixin(@mesSearchOrdinaryBtnCol,@mesSearchOrdinaryBtnBg)
    }
  }
}

.mes_btn{
  display: flex;
  align-items: center;
  .button-mixin;
  .disabled_btn_wrapper, .el-button{
    +.disabled_btn_wrapper{
      margin-left: 10px;
    }
    +.el-button{
      margin-left: 10px;
    }
  }
}
.file_cont {
  .accept_text{
    color: @mesFontPlaceholder;
    margin-left: 15px;
  }
  .file_name_input {
    display: flex;
    align-items: center;
    color: #909399;
    .el-icon-document{
      margin-right: 7px;
    }
  }
  .file_btn {
    overflow: hidden;
    .iconfont {
      color: @mesIconBlue;
    }
    .file_input {
      display: none;
    }
  }
}
.file_list_cont{
  .accept_text{
    color: @mesFontPlaceholder;
    padding-left: 15px;
    cursor: default;
  }
}
